<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us</title>
<link href="resources/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/css/bootstrap-responsive.min.css" rel="stylesheet">
<style type="text/css">
.cus_row {
	-moz-box-sizing: border-box;
	float:left;
	min-height: 1px;
	padding-right: 15px;
	position: relative;
}

.form_caja {
    padding-top: 8px;
    padding-bottom: 15px;
    margin: 0 auto 20px auto;
    background: #FFFFFF;
     border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
</style>


</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container"> 
    	<a class="btn btn-navbar" style="margin-top: 25px;" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
      	</a> <a class="brand" style="text-align:center;" href="login.php"><img src="resources/icons/share_ride.png" style="max-width:55px; padding-right:15px"/>Carpooling.lk</a>
      <div class="nav-collapse collapse" style="float:right">
        <ul class="nav navbar-nav">
          <li style="text-align:center; float:left">
          	<a href="contact_us.php"><img src="resources/icons/contact_us.png" style="max-width:40px; min-width: 20px;"/><br />Contact us</a>
          </li>
          <li class="active" style="text-align:center; float:left">
          	<a href="#"><img src="resources/icons/about_us.png" style="max-width:40px; min-width: 20px;"/><br />About us</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div style="height:85px"></div>
<div class="container">


 <form class="form-actions" name="userDetails" id="userDetails">

        <fieldset>
          <legend>About Us</legend>
         
          <div class="control-group" style="margin-top:0px;">
            
             <table class="table ng-cloak form_caja">
             <tr>
                 <td style="width: 15%;">
                     <img class="img-responsive" src="resources/icons/about_us.png" style="min-width: 50px;"/>
                 </td>
             </tr>
             <tr>
                 <td style="width: 15%;">
                     <b class="fullname">Mission</b>
                 </td>
                 <td>
                     <p>With increasing numbers of vehicles in Sri Lanka, Carpooling.lk believes that everyone should have access to affordable transport, and that being on the road can still be cheap, green and fun. By sharing a ride, people save gas and money, reduce auto emissions and meet new friends. Pollution, traffic, parking and road maintenance are reduced. People can share experiences and help each other: everyone benefits!</p>
                 </td>
             </tr>
         </table>
          </div>
        </fieldset>
    </form>
    
    <!-- Notification Panel -->
    <div id="includedNotifPanel"></div>
  
  <div style="height:30px"></div>
  <!-- Site footer -->
  <div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="navbar-inner"> <a class="brand" href="#" style="padding-left:7%">&copy; Carpooling.lk 2013</a> </div>
  </div>
</div>

<!-- JAVASCRIPT INCLUDES -->
<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="resources/js/bootstrap-transition.js"></script>

</body>
</html>
